.wellness_gallery {
  position: relative;
  isolation: isolate;
  height: 30rem;
  max-height: 75dvh;
  overflow: hidden;
  border-radius: var(--radius-hero);
  background: var(--bg-sunken);
}
.wellness_gallery-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity var(--duration-slow) var(--ease-standard);
}
.wellness_gallery-slide[data-active='true'] {
  opacity: 1;
}
.wellness_gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wellness_gallery-controls {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}
.wellness_gallery-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  background: var(--bg-inverse);
  border-radius: var(--radius-full);
}
.wellness_gallery-dot::after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background: var(--ink-inverse);
  transition: width var(--duration-base) var(--ease-standard);
}
.wellness_gallery-dot[aria-current='true']::after {
  width: 1.5rem;
}
.wellness_gallery-pause {
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border-inverse);
  border-radius: var(--radius-full);
  background: var(--bg-inverse);
  color: var(--ink-inverse);
  font-size: var(--text-sm);
}
.wellness_gallery-pause[aria-pressed='true'] {
  background: var(--action-primary);
}
@media (min-width: 48rem) {
  .wellness_gallery {
    height: 42rem;
  }
}